<template>
  <div
    class="transparent cursor-pointer px-8 py-10 hover:bg-gray-100 dark:hover:bg-gray-900"
    border-b="1px solid #ddd"
    dark:border-b="1px solid #404040"
    @click="$emit('clickItem', id)"
  >
    <h4 class="text-18 font-bold">{{ title }}</h4>
    <div class="pb-16 pt-12">
      <div class="two-line-ellipsis">
        {{ content }}
      </div>
    </div>
  </div>
</template>
<script setup>
defineProps({
  id: {
    type: Number,
    required: true,
  },
  title: {
    type: String,
    default: '',
  },
  content: {
    type: String,
    default: '',
  },
})

defineEmits(['clickItem'])
</script>
